<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../plugins/layui/css/layui.css"/>
		<script src="../plugins/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			h1{
				color: red;
			}
			#header{
				text-align: center;
				margin: 0 auto;
				
			}
			#header span{
				padding: 5px 20px;
			}
			.content{
				margin: 0 auto;
				width: 100%;
				border: solid 1px #000000;
			}
			.content tr td{
				border: solid 1px #000000;
			}
		</style>
	</head> 
	<body>
		<center>
			<h1>电子发票(客户留存)</h1>
		</center>	
		<div id="header">
			<span>订单编号:11111111111                                                                  </span>
			<span>订单时间:2018-09-27</span>
			<span>客户名称:李四</span>
			<span>商品总数:2</span>
			<span>消费总金额:40</span>
		</div>
		<table class="content">
			<tr>
		      	<td>商品编号</td>
				<td>商品名称</td>
				<td>数量</td>
				<td>价格</td>
				<td>小计</td>
		    </tr>
		    
		    <tr>
		      	<td>1001</td>
				<td>好吃点</td>
				<td>2</td>
				<td>20</td>
				<td>40</td>
		    </tr>
		</table>
	</body>
 </html>